module.exports = {
    // 解决打包后css,js资源找不到问题
    publicPath: './',
    // outputDir: process.env.VUE_APP_PACKAGE_NAME,
    // 浏览器兼容处理ie、edge支持es6
    configureWebpack: config => {
        config.entry.app = ["babel-polyfill", "./src/main.ts"];
    },
    // 扩展包兼容处理ie、edge支持es6
    // transpileDependencies: ['search_header_filter_cache'],
    chainWebpack: config => {
        config.module
        config.module
            .rule('vue')
            .use('vue-loader')
            .tap(args => {
                // 防止空白标签被过滤掉
                args.compilerOptions.whitespace = 'preserve'
            })
    },
    // 这种引入模式无法重新默认样式，只能用做通用css或者sass变量定义
    css: {
        loaderOptions: {
            // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
            // 因为 `scss` 语法在内部也是由 sass-loader 处理的
            // 但是在配置 `additionalData` 选项的时候
            // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
            // 在这种情况下，我们可以使用 `scss` 选项，对 `scss` 语法进行单独配置
            sass: {
                additionalData: `
                @import "@/assets/sass/mixin.scss";
                @import "@/assets/sass/var.scss";
                `
            }
        }
    },
    // 代理服务
    devServer: {
        proxy: {
            '/': {
                // 要代理的域名
                target: `${process.env.VUE_APP_BASEURL}`
            }
        }
    }
}